<!-- 实时时间配置 -->
<template>
    <div>
        <!-- <el-form-item label="时间格式">
            <avue-select
                v-model="main.activeOption.format"
                :dic="dicOption.format"
                :disabled="disabled"
            >
            </avue-select>
        </el-form-item>
        <el-form-item label="自定义格式">
            <avue-input :disabled="disabled" v-model="main.activeOption.format">
            </avue-input>
        </el-form-item> -->
        <el-form-item label="默认开始时间">
            <avue-input
                :disabled="disabled"
                v-model="main.activeOption.defaultStartDate"
                placeholder="例：2022-01-01"
            >
            </avue-input>
        </el-form-item>
        <el-form-item label="默认结束时间">
            <avue-input
                :disabled="disabled"
                v-model="main.activeOption.defaultEndDate"
                placeholder="例：2022-12-31"
            >
            </avue-input>
        </el-form-item>
        <el-form-item label="开始提示语">
            <avue-input
                :disabled="disabled"
                v-model="main.activeOption.startPlaceholder"
                placeholder="例：2022-01-01"
            >
            </avue-input>
        </el-form-item>
        <el-form-item label="结束提示语">
            <avue-input
                :disabled="disabled"
                v-model="main.activeOption.endPlaceholder"
                placeholder="例：2022-01-01"
            >
            </avue-input>
        </el-form-item>
        <!-- <el-form-item label="字体间距">
            <avue-input-number
                :disabled="disabled"
                v-model="main.activeOption.split"
                :max="200"
            ></avue-input-number>
        </el-form-item>
        <el-form-item label="字体大小">
            <avue-input-number
                :disabled="disabled"
                v-model="main.activeOption.fontSize"
                :max="200"
            ></avue-input-number>
        </el-form-item>
        <el-form-item label="字体背景">
            <avue-input-color
                :disabled="disabled"
                v-model="main.activeOption.backgroundColor"
            ></avue-input-color>
        </el-form-item>
        <el-form-item label="对其方式">
            <avue-select
                :disabled="disabled"
                v-model="main.activeOption.textAlign"
                :dic="dicOption.textAlign"
            >
            </avue-select>
        </el-form-item>
        <el-form-item label="文字粗细">
            <avue-select
                :disabled="disabled"
                v-model="main.activeOption.fontWeight"
                :dic="dicOption.fontWeight"
            >
            </avue-select>
        </el-form-item>
        <el-form-item label="字体颜色">
            <avue-input-color
                :disabled="disabled"
                v-model="main.activeOption.color"
            ></avue-input-color>
        </el-form-item> -->
    </div>
</template>

<script>
import { dicOption } from "@/option/config";
export default {
    name: "datetimerange",
    data() {
        return {
            dicOption: dicOption,
            disabled: this.contain.activeObj.isLock
        };
    },
    inject: ["main", "contain"]
};
</script>

<style></style>
